/* 默认展开 展开一个,其他同级的不合并 */
$(".headline").each(function () {
	$(this).next(".collapse").collapse('show');
	$(this).find(".headline-status img").attr("src", "img/minus.png");
})
$(".headline").on("click", function () {
	if ($(this).next(".collapse").is(":hidden")) {
		$(this).next(".collapse").css({"display": "block"})
		$(this).next(".collapse").collapse('toggle');
		$(this).find(".headline-status img").attr("src", "img/minus.png");
	} else {
		$(this).next(".collapse").css({"display": "none"})
		$(this).next(".collapse").collapse('toggle');
		$(this).find(".headline-status img").attr("src", "img/add.png");
	}
})
//隔离操作记录
var record = [];
//设置故障隔离的样式
setFaultStyleHtml();
function setFaultStyleHtml(){
	$(".step-content>.btn-action").remove();
	var liHtml = "";
	//第一个添加li
	$(".step-content").children().each(function(index){
		if(index==0){
			if (!$(this).hasClass("table") && !$(this).hasClass("figure")&& !$(this).hasClass("cautionStyle")&& !$(this).hasClass("para")&& !$(this).hasClass("preliminaryRqmtsTable")&& !$(this).hasClass("")) {
				liHtml += `<li class="layui-timeline-item2">
				<i class="layui-icon circle"></i>`+$(this).prop("outerHTML")+`</li>`;
			}else {
				liHtml += $(this).prop("outerHTML");
			}
		}else{
			if (!$(this).hasClass("table") && !$(this).hasClass("figure")&& !$(this).hasClass("cautionStyle")&& !$(this).hasClass("para")&& !$(this).hasClass("preliminaryRqmtsTable")&& !$(this).hasClass("")) {
				liHtml += `<li class="layui-timeline-item2">
				<i class="layui-icon circle"></i>`+$(this).prop("outerHTML")+`</li>`;
			}else {
				liHtml += $(this).prop("outerHTML");
			}
		}
	})
	$(".step-content").children().remove();
	$(".step-content").append(liHtml);

	var contentHtml = $(".collapse:not(#preliminaryRqmtsClick):not(#closeRqmtsClick)").html();
	$(".collapse:not(#preliminaryRqmtsClick):not(#closeRqmtsClick)").children().remove();
	var ulHtml = `<ul id="faultList" class="layui-timeline">`+contentHtml+`</ul>`;
	$(".collapse:not(#preliminaryRqmtsClick):not(#closeRqmtsClick)").append(ulHtml);

	$(".step-content>li>.isolationStep,.step-content>li>.isolationProcedureEnd").each(function(){
		$(this).append('<div class="bottom-line_fault"></div>');
		if($(this).hasClass("isolationProcedureEnd")){
			$(this).find(".fault-desc").height("200px");
			var html = `
			<div class="btn-action">
				<div class="back btn-group" style="display: inline-block">
					<button type="button" class="layui-btn layui-btn-normal">返回</button>
				</div>
				<div class="end btn-group" style="display: inline-block">
					<button type="button" class="layui-btn layui-btn-normal">完成隔离</button>
				</div>
			</div>`
			$(this).find(".fault-desc").append(html)
		}
		$(this).find(".para").css("color","#999999");
		$(this).find("li").css("border","1px solid #CCCCCC");
		$(this).find("li").attr("disabled","true");
		$(this).find("li").addClass("layui-disabled");
		$(this).find("button").css("border","1px solid #CCCCCC");
		$(this).find("button").attr("disabled","true");
		$(this).find("button").addClass("layui-disabled");
	})
	$(".step-content>li>.isolationStep").each(function(index){
		if(index==0) return;
		var html = `
			<div class="back btn-group" style="display: inline-block">
				<button type="button" class="layui-btn layui-btn-normal">返回</button>
			</div>
		`
		if($(this).find(".isolationStepAnswer").children().length>0){
			$(this).find(".yesNoAnswer").append(html);
		}else{
			$(this).find(".isolationStepAnswer").append(html);
		}

		$(this).find(".para").css("color","#999999");
		$(this).find("li").css("border","1px solid #CCCCCC");
		$(this).find("li").attr("disabled","true");
		$(this).find("li").addClass("layui-disabled");
		$(this).find("button").css("border","1px solid #CCCCCC");
		$(this).find("button").attr("disabled","true");
		$(this).find("button").addClass("layui-disabled");
	})

	//显示故障隔离第一步
	if($(".step-content>li:first>div").hasClass('isolationProcedureEnd')){
		$(".step-content>li>div").removeClass("hidden");
		$(".step-content>div").removeClass("hidden");
		record.push($(".step-content>li:first>div").attr("id"));
		$(".end").removeClass("hidden");
		$(".step-content>.btn-action").removeClass("hidden");
	}
	else if($(".step-content>li:first>div").hasClass('isolationStep')){
		$(".step-content>li>div").removeClass("hidden");
		$(".step-content>div").removeClass("hidden");
		record.push($(".step-content>li>div").attr("id"));
		$(".step-content>li:first>div").find(".para").css("color","#FFFFFF");
		$(".step-content>li:first>div").find("li").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content>li:first>div").find("li").removeAttr("disabled");
		$(".step-content>li:first>div").find("li").removeClass("layui-disabled");
		$(".step-content>li:first>div .isolationStepQuestion .para").css("color","#186FF2");
	}
	//删除最后一个元素的下横杠
	if($(".step-content>li:last>div")){
		$(".step-content>li:last>div").find(".bottom-line_fault").remove();
	}
}

//回应故障隔离--点击是否按钮
$(".listOfChoices>.choice,.yesAnswer,.noAnswer").on("click",function(){
	//禁止按钮
	if($(this).hasClass("layui-disabled")) return;
	//设置点击后按钮板块样式
	$(this).css("background-color","#EFEFEF");
	var thisParent = $(this).parent().parent().parent().parent().parent();
	thisParent.find(".para").css("color","#999999");
	thisParent.find("li").css("border","1px solid #CCCCCC");
	thisParent.find("li").attr("disabled","true");
	thisParent.find("li").addClass("layui-disabled");
	thisParent.find("button").css("border","1px solid #CCCCCC");
	thisParent.find("button").attr("disabled","true");
	thisParent.find("button").addClass("layui-disabled");
	//修改步骤条样式--判断类型(2改为1，3改为1)
	if(thisParent.parent().hasClass("layui-timeline-item2")){
		thisParent.parent().removeClass("layui-timeline-item2");
		thisParent.parent().addClass("layui-timeline-item");
	}else if(thisParent.parent().hasClass("layui-timeline-item3")){
		thisParent.parent().removeClass("layui-timeline-item3");
		thisParent.parent().addClass("layui-timeline-item");
	}
	var id=$(this).attr("nextactionrefid");
	record.push(id);
	//添加步骤条样式--判断中间元素(2改4)
	$(".step-content"+" #"+id).parent().prevAll().each(function(){
		//判断前面步骤的板块是li
		if($(this).hasClass("layui-timeline-item2")){
			$(this).removeClass("layui-timeline-item2");
			$(this).addClass("layui-timeline-item4");
		}
	})
	//设置对应步骤的样式
	if($(".step-content"+" #"+id).hasClass("isolationProcedureEnd")){
		$(".step-content"+" #"+id).find(".para").css("color","#FFFFFF");
		$(".step-content"+" #"+id).find("button").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content"+" #"+id).find("button").removeAttr("disabled");
		$(".step-content"+" #"+id).find("button").removeClass("layui-disabled");
		$(".step-content"+" #"+id).parent().removeClass("layui-timeline-item2");
		$(".step-content"+" #"+id).parent().addClass("layui-timeline-item3");
	}else {
		$(".step-content"+" #"+id).find(".para").css("color","#FFFFFF");
		$(".step-content"+" #"+id).find("li").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content"+" #"+id).find("li").removeAttr("disabled");
		$(".step-content"+" #"+id).find("li").removeClass("layui-disabled");
		$(".step-content"+" #"+id).find("button").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content"+" #"+id).find("button").removeAttr("disabled");
		$(".step-content"+" #"+id).find("button").removeClass("layui-disabled");
		$(".step-content"+" #"+id+" .isolationStepQuestion .para").css("color","#186FF2");
		$(".step-content"+" #"+id).parent().removeClass("layui-timeline-item2");
		$(".step-content"+" #"+id).parent().addClass("layui-timeline-item3");
	}
	$("html,body").animate({scrollTop:$(".step-content"+" #"+id).offset().top - $(window).height()/2 + 100 + "px"}, 500);
})

//点击返回按钮
$(".back button").on("click",function(){
	record.pop();
	var id=record[record.length-1];
	//设置点击板块的样式
	var thisParent = $(this).parent().parent();
	var parent1 = $(this).parent().parent().parent().parent().parent();
	if($(thisParent).hasClass("yesNoAnswer")){
		parent1 = $(this).parent().parent().parent().parent().parent().parent().parent();
	}
	parent1.find(".para").css("color","#999999");
	parent1.find("li").css("border","1px solid #CCCCCC");
	parent1.find("li").attr("disabled","true");
	parent1.find("li").addClass("layui-disabled");
	parent1.find("button").css("border","1px solid #CCCCCC");
	parent1.find("button").attr("disabled","true");
	parent1.find("button").addClass("layui-disabled");
	if($(parent1).hasClass("layui-timeline-item3")){
		$(parent1).removeClass("layui-timeline-item3");
		$(parent1).addClass("layui-timeline-item2");
	}
	//添加步骤条样式
	$(".step-content #"+id).parent().nextAll().each(function(){
		//判断前面步骤的板块是li
		if($(this).hasClass("layui-timeline-item")){
			$(this).removeClass("layui-timeline-item");
			$(this).addClass("layui-timeline-item2");
		}else if($(this).hasClass("layui-timeline-item4")){
			$(this).removeClass("layui-timeline-item4");
			$(this).addClass("layui-timeline-item2");
		}
	})
	if(id=="A001"){
		$(".step-content #"+id).parent().removeClass("layui-timeline-item");
		$(".step-content #"+id).parent().addClass("layui-timeline-item2");
	}else{
		$(".step-content #"+id).parent().removeClass("layui-timeline-item");
		$(".step-content #"+id).parent().addClass("layui-timeline-item3");
	}
	//设置返回板块的样式
	if($(".step-content #"+id).hasClass("isolationProcedureEnd")){
		$(".step-content #"+id).find(".para").css("color","#FFFFFF");
		$(".step-content #"+id).find("button").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content #"+id).find("button").removeAttr("disabled");
		$(".step-content #"+id).find("button").removeClass("layui-disabled");

	}else {
		$(".step-content #"+id).find(".para").css("color","#FFFFFF");
		$(".step-content #"+id).find("li").css("background-color","#FFFFFF")
		$(".step-content #"+id).find("li").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content #"+id).find("li").removeAttr("disabled");
		$(".step-content #"+id).find("li").removeClass("layui-disabled");
		$(".step-content"+" #"+id+" .isolationStepQuestion .para").css("color","#186FF2");
		$(".step-content #"+id).find("button").css({"border":"1px solid #186FF2","color":"#186FF2"});
		$(".step-content #"+id).find("button").removeAttr("disabled");
		$(".step-content #"+id).find("button").removeClass("layui-disabled");
	}
	$("html,body").animate({scrollTop:$(".step-content"+" #"+id).offset().top - $(window).height()/2 + 100 + "px"}, 500);
})
//隔离结束
$(".end button").on("click",function(){
	var step=[]
	for(var i=1;i<record.length;i++){
		var question=$("#faultList #"+record[i-1]).find(".fault-quiz-content>.isolationStepQuestion").text();
		var answer=answerContent(record[i]);
		var action=$("#faultList #"+record[i-1]).find(".fault-desc>.action").text();
		step.push({"action":action,"question":question,"answer":answer})
	}
	//隔离结束
	step.push({"action":$("#faultList #"+record[record.length-1]).find(".action").text()})
	//步骤完成标记
	finishStep($("#"+record[record.length-1]).find(".action").text());
	window.parent.getFaultReport(step);
})

//获取应答内容
function answerContent(id){
	var answer="";
	$("li").each(function(){
		if($(this).attr("nextactionrefid")==id){
			answer = $(this).text();
		};
	})
	return answer;
}

// 宁
// var descr = $("#descr").text().toString().replace(/[\u007c]/g,"｜");
// console.log("descr1="+descr)
// var descrArr=new Array();
// console.log("descr2="+descr)
// descrArr = descr.split('｜');
// console.log("length="+descrArr.length)
// // if (descrArr.length == 1){
// // 	descrArr = descr.split('|');
// // }
//
// //为td赋值
// for(var i=0;i<descrArr.length;i++) {
//     $("#descr_"+(i+1)).text(descrArr[i]);
//     if(i==6||i==7||i==8){
//         $("#descr_"+(i+1)).text(descrArr[i].toString().split("：")[0]);
//         $("#descr_"+(i+1)+"_1").text(isEmpty(descrArr[i].toString().split("：")[1])?"无":descrArr[i].toString().split("：")[1]);
//         $("#descr_"+(i+1)+"_1").css({"text-align":"left","padding-left":"15px"})
//     }
//     if (i==9){
// 		$("#descr_"+(i+1)).text("");
// 		var desc = descrArr[i].toString().split(";")
// 		for(var k=0;k<desc.length;k++) {
// 			$("#descr_"+(i+1)).append("<");
// 			$("#descr_"+(i+1)).append(desc[k]);
// 			$("#descr_"+(i+1)).append(">");
// 			$("#descr_"+(i+1)).append("<br />");
// 		}
// 	}
// }
//
// var faultCond = $("#faultCond").text().toString().replace(/[\u007c]/g,"｜");
// var fcArr=new Array();
// //正常值:-4kPa≤P≤+6kPa｜报警值:≥3.5kPa｜第二报警值：无｜跳闸值：无｜确认：｜CAM§6.2SH27-3
// fcArr = faultCond.split('｜');
// for(var i=0;i<fcArr.length;i++) {
//     $("#fc_"+(i+1)).text(fcArr[i].toString().split("：")[0]);
//     $("#fc_"+(i+1)+"_1").text(isEmpty(fcArr[i].toString().split("：")[1])?"无":fcArr[i].toString().split("：")[1]);
//     $("#fc_"+(i+1)+"_1").css({"text-align":"left","padding-left":"15px"})
// }
// //非空判断方法
// function isEmpty(obj){
//     if(typeof obj == "undefined" || obj == null || obj == ""){
//         return true;
//     }else{
//         return false;
//     }
// }
// //设置para 间隔
// var paraList = $(".tdpara .commonInfo .paraList");
// console.log(paraList.length);
// for(var j=0;j<paraList.length;j++) {
// 	if (paraList[j].innerHTML.substring(0,2)=="后果"||paraList[j].innerHTML.substring(0,2)=="说明"){
// 		$(paraList[j]).css({"padding-left":"15px","font-weight":"600","margin":"0px"});
// 	}
// 	if (paraList[j].innerHTML.substring(0,4)=="逻辑简图"){
// 		$("#logic").html(paraList[j].innerHTML+"<br/>"+paraList[j+1].innerHTML);
// 		// 移除.tdpara .commonInfo .paraList
// 		$(paraList[j]).remove();
// 		$(paraList[j+1]).remove();
// 	}
// }
//
// //设置para 间隔
// // var element=$(".tdpara div").eq(2);
// // $(element).css({"margin-top":"150px","font-size":"18px","font-weight":"600"});
// //
// // var first=$(".tdpara div").eq(0);
// // $(first).css({"font-size":"18px","font-weight":"600"});
//
// // 设置背景颜色
// descr_1_bgc();
// function descr_1_bgc(){
// 	//console.log($("#descr_1").text())
// 	let colorText = $("#descr_1").text();
// 	if(colorText.indexOf('黄') > -1){
// 		$("#descr_1").css("background","yellow");
// 		$("#descr_1").css("color","black");
// 	}else if(colorText.indexOf('红') > -1){
// 		$("#descr_1").css("background","red");
// 	}
// }
// //faultCode
// var faultCodeStr = $("#faultCodeStr").text();
// var codeArr=new Array();
// codeArr = faultCodeStr.split(';');
// $("#faultCode").text(codeArr[0]);
// $("#faultCode1").text(codeArr[1]);

